<template>
	<up-waterfall v-model="props.list">
		<template v-slot:left="{leftList}">
      <shop-info v-for="(item, index) in leftList" :key="item.id"  :shop="item"></shop-info>
		</template>
		<template v-slot:right="{rightList}">
		  <shop-info v-for="(item, index) in rightList" :key="item.id"  :shop="item"></shop-info>
		</template>
	</up-waterfall>
	
</template>

<script setup>
import ShopInfo from "@/components/index/shop-info.vue";
import {defineProps,defineEmits} from "vue";
const props = defineProps(['list']);

</script>

<style scoped>
	
</style>